<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/comm/header.jsp"%>
<div class="container" style="width:100%">
    <div class="panel panel-warning">
        <div class="panel-heading">
            <h3 class="panel-title" id="aaa"data-toggle="collapse" data-target=".panel-body">
                查询条件
                <span class="caret pull-right" ></span>
            </h3>
        </div>
        <div class="panel-body" style="text-align: center">
            <form class="form-inline" id="queryForm">
                <div class="form-group">
                    <label>服务名称：</label>
                    <input type="text" class="form-control" name="serviceName">
                </div>
                <div class="form-group">
                    <label>类型：</label>
                    <select  class="form-control" name="fuwuid">
                        <option value="0">不限</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>状态：</label>
                    <select  class="form-control" name="serviceId">
                        <option value="0">不限</option>
                    </select>
                </div>

                <button type="button" onclick="chaxun()" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> 查询</button>
            </form>
        </div>
    </div>
    <strong><hr size="5px" noshade=true/></strong>
    <h3>服务信息列表</h3>
    <div id="toolbar">
        <button class="btn btn-success" onclick="guidang()"><i class="glyphicon glyphicon-plus"></i>归档</button>
    </div>
    <table id="serTb"
    <%--启用ajax请求--%>
           data-toggle="table"
           data-url="/serlist"
    <%--斑马线效果--%>
           data-striped="true"
           data-height="350"
    <%--指明工具栏--%>
           data-toolbar="#toolbar"
    <%--显示分页条，客户端分页--%>
           data-pagination="true"
    <%--服务器端分页--%>
           data-side-pagination="server"
           data-page-size="4"
           data-page-list="[2,4,8]">


        <thead>
        <tr>
            <th data-field="serviceId"></th>
            <th data-checkbox="true"></th>
            <th data-field="serviceName">服务名称</th>
            <th data-field="servicetype.serviceNames" align="center">类型</th>
            <th data-field="fuwustart.fuwuleixing" align="center">状态</th>
            <th data-field="lastModifyTime" align="center">最后操作时间</th>
            <th data-field="staff.empName" align="center">操作人</th>
            <th data-field="staff.empName" align="center">待处理人</th>
            <th  data-formatter="actionFormatter" data-events="actionEvents" >操作</th>
        </tr>
        </thead>
    </table>

    <%--查看详情--%>
    <div id="See">
        <p>服务名称：<span name="name"></span></p>
        <p>服务客户：<span name="kehu"></span></p>
        <p>服务类型：<span name="leixing"></span></p>
        <p>联系电话：<span name="phone"></span></p>
        <p>服务内容：<span name="neirong"></span></p>
        <p>备注信息：<span name="beizhu"></span></p>
    </div>
    <%@include file="/comm/footer.jsp"%>
    <script src="/static/scripts/serarchiving.js"></script>

